<template>
  <div>
    <!-- <span v-for="(item, index) in testlist" :key="index"
      >{{ item.webName + '   ' }}
    </span> -->
    <div class="time">
      {{ curTime.hours }}:{{ curTime.minutes + '' }}:{{ curTime.seconds }}
    </div>
    <div class="date">
      {{ curTime.year }} 年 {{ curTime.month + 1 }} 月 {{ curTime.day }} 日
    </div>
    <div></div>
  </div>
</template>

<script setup lang="ts">
import { useTimes } from '@/hooks/useTimes'
import { computed, reactive, ref } from 'vue'
const { curTime } = useTimes()
const props = defineProps({
  appList: Array,
})
const message = ref(props.appList)
let testlist = computed(() => message.value.map((item) => ({ ...item })))

const appList = reactive({
  list: ref(testlist),
})
</script>

<style scoped>
.time {
  width: 100%;
  line-height: 100px;
  font-size: 55px;
  letter-spacing: 1px;
  color: #fff;
  text-align: center;
}
.date {
  color: #fff;
}
</style>
